<script>
/*
 * @Author: Your name
 * @Date:   2020-06-23 18:08:51
 * @Last Modified by:   Your name
 * @Last Modified time: 2020-06-24 08:54:35
 */
</script>
<template>
    
    <div class="mainTabbar">
        <tabbar>
            <tabbar-item path="/home">
                <img slot="item-icon" src="../../../assets/img/tabbar/home.svg" alt="">
                <img slot="active-item-icon" src="../../../assets/img/tabbar/home_active.svg" alt="">
                <div slot="item-text" class="text">首页</div>
            </tabbar-item>
            <tabbar-item path="/cart">
                <img slot="item-icon" src="../../../assets/img/tabbar/cart.svg" alt="">
                <img slot="active-item-icon" src="../../../assets/img/tabbar/cart_active.svg" alt="">
                <div slot="item-text" class="text">购物车</div>
            </tabbar-item>
            <tabbar-item path="/category">
                <img slot="item-icon" src="../../../assets/img/tabbar/category.svg" alt="">
                <img slot="active-item-icon" src="../../../assets/img/tabbar/category_active.svg" alt="">
                <div slot="item-text" class="text">分类</div>
            </tabbar-item>
            <tabbar-item path="/profile">
                <img slot="item-icon" src="../../../assets/img/tabbar/profile.svg" alt="">
                <img slot="active-item-icon" src="../../../assets/img/tabbar/profile_active.svg" alt="">
                <div slot="item-text" class="text">我的</div>
            </tabbar-item>
        </tabbar>
    </div>
</template>
<script>
import tabbar from '../../common/tabbar/TabBar.vue';
import tabbarItem from '../../common/tabbar/TabBarItem.vue';
export default {
    data(){
        return {

        }
    },
    components:{
        tabbar,
        tabbarItem
    }
}
</script>
<style lang="css">
    
</style>